div[data-controller="pages-docs-landing-page"] {
    .card {
        border-radius: 20px;
        padding: 24px;
        border: 0px;

        .alt_title {
            color: #{$gray-100};
        }

        &:hover {
            .card-title, .alt_title {
                color: #{$purple};
                text-decoration: underline;
                text-underline-offset: .3rem;
            }

            background: #{$gray-700};

            .card-arrow {
                left: 0.5rem;
            }
        }
    }

    .language-logos {
        background-color: #{$gray-700};
    }

    .eyebrow-text {
        color: #{$gray-400};
    }
}
